<style scoped>
  /*.row_style{
    padding-bottom: 16px;
  }*/
  .input_cell span{
    font-size: 16px;
    color: #464c5b;
    font-weight: bold;
  }
  .style_inline{
    display: inline-block;
  }
  .input_size{
    min-width: 100px;
  }
  .input_cell{
    margin-left: 40px;
    text-align:left;
  }
  .input_cell_title{
    padding-bottom: 10px;
  }
  .tax_block{
    padding-left: 20px;
  }
  .ivu-form-item {
    margin-bottom: 0px;
  }
  .search{
    margin-bottom: 20px;
  }

</style>
<template>
  <div class="order_content">
    <Steps :current="current" style="padding-bottom: 20px;">
      <Step title="工商信息"></Step>
      <Step title="服务信息"></Step>
      <Step title="步骤3"></Step>
      <Step title="步骤4"></Step>
    </Steps>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell input_companyName">
          <Row>
            <Col span="8">
            <Input class="search" v-model="searchName" placeholder="输入公司名称查询"></Input>
            </Col>
            <Col span="10" class="up_left">
            <router-link :to="{name:'comSerTable',params:{searchName}}"><Button type="success" @click="search(searchName)">查询</Button></router-link>
            </Col>
          </Row>
        </div>
        </Col>
        <Col span="12">

        </Col>
      </Row>
    </div>
    <Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="50">
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <div class="input_cell_title">
              <span>服务内容</span>
            </div>
            <div class="tax_block">
              <FormItem prop="addTax">
                服务等级：
                <RadioGroup v-model="formValidate.addTax">
                  <Radio label="普通"></Radio>
                  <Radio label="重要"></Radio>
                  <Radio label="VIP"></Radio>
                </RadioGroup>
              </FormItem>
              <br>
              <FormItem prop="corporateIncomeTax">
                风险系数：
                <RadioGroup v-model="formValidate.corporateIncomeTax">
                  <Radio label="高"></Radio>
                  <Radio label="中"></Radio>
                  <Radio label="低"></Radio>
                </RadioGroup>
              </FormItem>
            </div>
          </div>
          </Col>
          <Col span="12">
          </Col>
        </Row>
      </div>
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <div class="input_cell_title">
              <span>企业选项</span>
            </div>
            <div class="tax_block">
              <FormItem prop="turnoverTax">
                新户报道:
                <CheckboxGroup v-model="formValidate.turnoverTax">
                  <Checkbox label="需传票"></Checkbox>
                  <Checkbox label="需录入"></Checkbox>
                  <Checkbox label="零报税"></Checkbox>
                  <Checkbox label="进出口权"></Checkbox>
                  <Checkbox label="进出口退税"></Checkbox>
                </CheckboxGroup>
              </FormItem>
            </div>
          </div>
          </Col>
          <Col span="12">
          </Col>
        </Row>
      </div>
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <div class="input_cell_title">
              <span>发票服务</span>
            </div>
            <div class="tax_block">
              <FormItem prop="turnoverTax">
               发票:
                <CheckboxGroup v-model="formValidate.turnoverTax">
                  <Checkbox label="代购"></Checkbox>
                  <Checkbox label="代开"></Checkbox>
                  <Checkbox label="进项代认证"></Checkbox>
                </CheckboxGroup>
              </FormItem>
            </div>
          </div>
          </Col>
          <Col span="12">
          </Col>
        </Row>
      </div>
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <div class="input_cell_title">
              <span>企业资质</span>
            </div>
            <div class="tax_block">
              <FormItem prop="turnoverTax">
                资质:
                <CheckboxGroup v-model="formValidate.turnoverTax">
                  <Checkbox label="高新技术企业"></Checkbox>
                  <Checkbox label="软件企业"></Checkbox>
                  <Checkbox label="其他"></Checkbox>
                </CheckboxGroup>
              </FormItem>
            </div>
          </div>
          </Col>
          <Col span="12">
          </Col>
        </Row>
      </div>
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <div class="input_cell_title">
              <span>代办事项</span>
            </div>
            <div class="tax_block">
              <FormItem prop="turnoverTax">
                事项选择:
                <CheckboxGroup v-model="formValidate.turnoverTax">
                  <Checkbox label="代抄税"></Checkbox>
                  <Checkbox label="代纳税申报"></Checkbox>
                  <Checkbox label="代暂估库存"></Checkbox>
                  <Checkbox label="代做工资表"></Checkbox>
                  <Checkbox label="代取银行单据"></Checkbox>
                  <Checkbox label="代报统计"></Checkbox>
                  <Checkbox label="代报统计单位网址"></Checkbox>
                </CheckboxGroup>
              </FormItem>
            </div>
          </div>
          </Col>
          <Col span="12">
          </Col>
        </Row>
      </div>
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <div class="input_cell_title">
              <span>取票据</span>
            </div>
            <div class="tax_block">
              <FormItem prop="turnoverTax">
                票据选项:
                <CheckboxGroup v-model="formValidate.turnoverTax">
                  <Checkbox label="快递上门取票"></Checkbox>
                  <Checkbox label="驻场取票"></Checkbox>
                  <Checkbox label="客户自送"></Checkbox>
                </CheckboxGroup>
              </FormItem>
            </div>
          </div>
          </Col>
          <Col span="12">
          </Col>
        </Row>
      </div>
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <div class="input_cell_title">
              <span>交接凭证</span>
            </div>
            <div class="tax_block">
              <FormItem prop="turnoverTax">
                凭证选项:
                <CheckboxGroup v-model="formValidate.turnoverTax">
                  <Checkbox label="每月:账期后两个月的5日"></Checkbox>
                  <Checkbox label="每季:季末账期后两个月的5日"></Checkbox>
                  <Checkbox label="每年:次年6月20日"></Checkbox>
                </CheckboxGroup>
              </FormItem>
            </div>
          </div>
          </Col>
          <Col span="12">
          </Col>
        </Row>
      </div>
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <div class="input_cell_title">
              <span>交接账簿</span>
            </div>
            <div class="tax_block">
              <FormItem prop="addTax">
                交接内容：
                <RadioGroup v-model="formValidate.addTax">
                  <Radio label="电子版账簿"></Radio>
                  <Radio label="纸质账簿"></Radio>
                </RadioGroup>
              </FormItem>
              <br>
              <FormItem prop="corporateIncomeTax">
                交接时间：
                <RadioGroup v-model="formValidate.corporateIncomeTax">
                  <Radio label="默认为次年6月20日"></Radio>
                  <Radio label="客户要求时间"></Radio>
                </RadioGroup>
              </FormItem>
            </div>
          </div>
          </Col>
          <Col span="12">
          </Col>
        </Row>
      </div>
      <div class="row_style">
        <Row>
          <Col span="12">
          <div class="input_cell">
            <div class="input_cell_title">
              <span></span>
            </div>
            <div class="tax_block">
              <FormItem>
                <Button type="primary" @click="handleSubmit('formValidate')">提交</Button>
                <Button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置</Button>
              </FormItem>
            </div>
          </div>
          </Col>
          <Col span="12">
          </Col>
        </Row>
      </div>
    </Form>
  </div>
</template>
<script>
  export default {
    components: {

    },
    data(){
      return{
        //步骤steps
        current:this.$route.params.current,
        //查询
        searchName:'',
        formValidate:{//表单验证
          //国税
          stateTaxReport:'',
          stateTaxNormal:'',
          //纳税人类型
          taxType:'',
          //企业所得税
          corporateIncomeTax:'',
          //流转税
          turnoverTax:[],
          //所得税
          incomeTax:[],
          //财产税
          propertyTax:[],
          //行为税
          behaviorTax:[],
          //税金及附加
          additionalTax:[],
          //增值税
          addTax:'',
          //企业所得税
          corporateIncomeTax:'',
          //国税主管税务机关
          StateTaxOrgan:'',
          //国税科室
          department:'',
          //国税具体地址
          address:'',
          //地税主管税务机关
          landTaxOrgan:'',
          //地税科室
          department:'',
          //地税具体地址
          address:'',
        },
        ruleValidate:{//格式校验

        }
      }
    },
    methods:{
      handleSubmit (name) {
        this.$refs[name].validate((valid) => {
          if (valid) {
            this.$Message.success('提交成功!');
            console.log('企业所得税'+this.formValidate.addTax);
            console.log('财产税'+this.formValidate.propertyTax);
          } else {
            this.$Message.error('表单验证失败!');
          }
        })
      },
      handleReset (name) {
        this.$refs[name].resetFields();
      },
      next () {
        //应该是每点一下，路由改变
        if (this.current == 3) {
          this.current = 0;
        } else {
          this.current += 1;
        }
      },
      search(searchName){
        console.log('chaxun '+searchName);
      }
    }
  }
</script>
